<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        div {
            margin-left: 10%;
            width: 80%;
        }

        img {
            width:100%;
            height: 100%;
        }
    </style>
</head>
<body>
<div>
    <img src="./images/teaching/1.png"/>
    <img src="./images/teaching/2.png"/>
    <img src="./images/teaching/3.png"/>
    <img src="./images/teaching/4.png"/>
    <img src="./images/teaching/5.png"/>
    <img src="./images/teaching/6.png"/>
    <img src="./images/teaching/7.png"/>
    <img src="./images/teaching/8.png"/>
    <img src="./images/teaching/9.png"/>
    <img src="./images/teaching/10.png"/>
    <img src="./images/teaching/11.png"/>
    <img src="./images/teaching/12.png"/>
    <img src="./images/teaching/13.png"/>
    <img src="./images/teaching/14.png"/>
    <img src="./images/teaching/15.png"/>
    <img src="./images/teaching/16.png"/>
    <img src="./images/teaching/17.png"/>
    <img src="./images/teaching/18.png"/>
</div>
</body>
</html>